<template>
  <div class="home">
    <!-- <button @click="init(1)">点我获取数据1</button>
    <button @click="init(2)">点我获取数据2</button>
    <button @click="init(3)">点我获取数据3</button>
    <button @click="init(4)">点我获取数据4</button>
    <button @click="init(5)">点我获取数据5</button> -->

    <p>
      账号: <input v-model="userInfo.userName" type="text">
    </p>
    <p>
      密码: <input v-model="userInfo.passWord" type="text">
    </p>

    <p>
      <button @click="login">登录</button>
    </p>
  </div>
</template>

<script>
import axios from '../http/request'
export default {
  name: 'Home',
  data() {
    return {
      userInfo: {
        userName: "",
        passWord: ""
      }
    }
  },
  methods: {
    // init(id) {
    //   axios.get('/list', {
    //     params: {
    //       id
    //     }
    //   }).then(res => {
    //     console.log(res)
    //   })
    // }
    login() {
      axios.post('/login', this.userInfo).then(res => {
        sessionStorage.setItem('token', res.data.token)
      })
    }
  }
}
</script>
